<wxs module="dateFr" src="../../js/filter.wxs"></wxs>
<import src="../detail/detail" />
<template is="{{template}}" data="{{my_toast_tip: my_toast_tip}}" />
<div class="nocoup_style" wx:if="{{!showArr.length}}">
    <image src='{{urlAddress}}/nocoup.png'></image>
    <div>别急,优惠马上就来</div>
</div>
<view>
    <navigator url='/pages/comingCoupons/comingCoupons' class="item" hover-class="none">
        <view class='top_style' wx:if="{{num}}">{{num}}张优惠券马上可以领取,先睹为快!
            <image class="icon" src='{{urlAddress}}/icon_next.png'></image>
        </view>
    </navigator>
    <ul wx:for="{{showArr}}">
        <li>
            <view class="left-style">
                <label>¥
                    <p>{{dateFr.getNum(item.presentAmount)}}</p>
                </label>
                <span>{{item.moneyStr}}</span>
            </view>
            <view class="right-style">
                <label>{{item.name}}</label>
                <span class="time_style"><i></i>领券时间截止日期{{dateFr.filterTime(item.sendEndTime)}}</span>
                <span class="roules_style"><i></i>
           <!-- <p>{{item.goodsRouls}}</p> -->
           <p wx:if='{{item.rouleStyle=="shortRoule"}}'  class="{{item.rouleStyle}}">{{dateFr.fitRouls(item.goodsRouls,46)}}</p>
          <p wx:if='{{item.rouleStyle!="shortRoule"}}'  class="{{item.rouleStyle}}">{{item.goodsRouls}}</p>
           <d bindtap='showDetail' data-code='{{item.voucherId}}' wx:if='{{item.goodsRouls.length>46}}' class='moreInfo'>更多 <image class='{{item.transform_style}}' src="../../image/shouhui.png"></image></d>  
          </span>
                <image data-code="{{item.voucherId}}" data-type="{{item.imagePath}}" bindtap="receiveAction" src='{{urlAddress}}/{{item.imagePath}}.png'></image>
                <div style="height: 28rpx;width: 100%;display: block;"></div>
            </view>
            <view class='bottom-style {{item.b_color}}'>
                <!-- 在我的优惠券中分享给好友可以获得更多优惠券 -->
                抓紧用券，立享优惠
            </view>
            <span class="semicircle_l"></span>
            <span class="semicircle_r"></span>
        </li>
    </ul>
</view>